.icon25 {
  display: block;
  width: 25px;
  height: 25px;
  filter: grayscale(100%);
}
.icon25.icon25_soter {
  background: transparent url("demo_z.png") no-repeat -25px 0px;

}
.icon25.icon25_wifi {
  background: transparent url("demo_z.png") no-repeat 0px -50px;

}
.icon25.icon25_sport {
  background: transparent url("demo_z.png") no-repeat 0px -25px;

}
.icon25.icon25_contact {
  background: transparent url("demo_z.png") no-repeat -25px -25px;

}
.icon25.icon25_voice {
  background: transparent url("demo_z.png") no-repeat -50px 0px;

}
.icon25.icon25_video {
  background: transparent url("demo_z.png") no-repeat -50px -25px;

}
.icon25.icon25_scan {
  background: transparent url("demo_z.png") no-repeat 0px 0px;

}
.icon25.icon25_airmsg {
  background: transparent url("demo_z.png") no-repeat -25px -50px;

}
.icon25.icon25_pay {
  background: transparent url("demo_z.png") no-repeat -50px -50px;

}
.icon25.icon25_mini_prgm {
  background: transparent url("demo_z.png") no-repeat -75px -50px;

}
.icon25.icon25_watch {
  background: transparent url("demo_z.png") no-repeat -75px 0px;

}
.icon25.icon25_channels_hardware {
  background: transparent url("demo_z.png") no-repeat -75px -25px;

}
.demo-panel {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1C1C1C;
  z-index: 10000;
}
.demo-panel .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -333px;
  margin-left: -355px;
  width: 710px;
  height: 667px;
}
.demo-close {
  position: absolute;
  top: 80px;
  right: 140px;
  width: 24px;
  height: 24px;
  background: transparent url("demo_z@2x.png") no-repeat 0px 0px;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
.demo-close:hover {
  background: transparent url("demo_z@2x.png") no-repeat -24px 0px;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
.demo-close:active {
  background: transparent url("demo_z@2x.png") no-repeat 0px -24px;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
.demo-detail {
  display: -ms-flexbox;
  display: flex;
}
.demo-detail__preview {
  position: relative;
  font-size: 0;
  width: 358px;
  height: 514px;
  background: url(../images/demo/mobileoutline@2x.png) no-repeat center center;
  background-size: contain;
}
.demo-detail__preview img {
  display: none;
  position: absolute;
  left: 54px;
  bottom: 3px;
  width: 246px;
  height: 437px;
}
.demo-detail__info {
  margin-top: 125px;
  margin-left: 30px;
  -ms-flex-negative: 100;
      flex-shrink: 100;
}
.demo-detail__title {
  font-size: 60px;
  margin-bottom: 7px;
}
.demo-detail__desc {
  font-size: 14px;
  color: #7D7D7D;
}
.demo-detail__desc dt {
  margin-top: 30px;
}
.demo-detail__desc dt:first-child {
  margin-top: 0;
}
.demo-slider {
  height: 25px;
  margin-top: 30px;
  text-align: center;
}
.demo-slider i {
  display: inline-block;
  margin: 0 10px;
  width: 6px;
  height: 6px;
  background-color: #383838;
  border-radius: 50%;
}
.demo-slider .on i {
  background-color: #1AAD19;
}
.demo-list__list {
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  -ms-flex-pack: center;
      justify-content: center;
}
.demo-list__list .dash-box {
  margin: 0 20px;
  padding: 12px;
  cursor: pointer;
}
.demo-list__list .dash-box:before,
.demo-list__list .dash-box:after {
  width: 13px;
  height: 13px;
}
.demo-list__list .dash-box.on .icon25,
.demo-list__list .dash-box:hover .icon25 {
  filter: grayscale(0);
}
.demo-list__list .dash-box__inner:before,
.demo-list__list .dash-box__inner:after {
  width: 13px;
  height: 13px;
}
.j_demoInfo {
  display: none;
}